<!--<%@page pageEncoding="UTF-8" isELIgnored="false" contentType="text/html; UTF-8" %>-->
<!--<script>-->
<!--    $(function(){-->
<!--        console.log("${param.name}");-->
<!--        //通过组件方法调用形式展示某个具体标签页-->
<!--        $("#${param.name}").tab('show');-->

<!--    });-->
<!--</script>-->
<!--栅格容器-->
<!--右侧-->
<div class="col-sm-9 aa">
    <!--页头-->
    <div class="page-header" style="margin-top: -20px">
        <h1>内容管理</h1>
    </div>

    <!--标签页组件-->
    <ul class="nav nav-tabs list-group" role="tablist">
        <li role="presentation"><a aria-controls="home" class="list-group-item" data-toggle="tab"
                                   href="#home" role="tab">内容管理</a></li>
        <li role="presentation"><a aria-controls="profile" class="list-group-item  active" data-toggle="tab"
                                   href="#profile" role="tab">添加内容</a>
        </li>
    </ul>

    <!-- Tab panes -->
    <div class="tab-content">
        <div class="tab-pane " id="home" role="tabpanel">
            <!--inline from表单-->
            <!--表格信息-->
            <table class="table table-striped table-bordered table-hover table-condensed">
                <tbody>
                <tr>
                    <td>文章标题</td>
                    <td>作者</td>
                    <td>发布时间</td>
                    <td>操作</td>
                </tr>
                <tr>
                    <td>泛Mooc职业教育，效果和就业为王</td>
                    <td>朱朝兵</td>
                    <td>2015-08-08</td>
                    <td>
                        <div class="dropdown" style="float: left">
                            <button class="btn btn-default" data-toggle="dropdown">操作<span
                                    class="caret"></span></button>
                            <ul class="dropdown-menu">
                                <li><a class="btn btn-primary" href="">修改</a></li>
                                <li><a class="btn btn-danger" href="">删除</a></li>
                            </ul>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td>泛Mooc职业教育，效果和就业为王</td>
                    <td>朱朝兵</td>
                    <td>2015-08-08</td>
                    <td>
                        <div class="dropdown" style="float: left">
                            <button class="btn btn-default" data-toggle="dropdown">操作<span
                                    class="caret"></span></button>
                            <ul class="dropdown-menu">
                                <li><a class="btn btn-primary" href="">修改</a></li>
                                <li><a class="btn btn-danger" href="">删除</a></li>
                            </ul>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td>泛Mooc职业教育，效果和就业为王</td>
                    <td>朱朝兵</td>
                    <td>2015-08-08</td>
                    <td>
                        <div class="dropdown" style="float: left">
                            <button class="btn btn-default" data-toggle="dropdown">操作<span
                                    class="caret"></span></button>
                            <ul class="dropdown-menu">
                                <li><a class="btn btn-primary" href="">修改</a></li>
                                <li><a class="btn btn-danger" href="">删除</a></li>
                            </ul>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td>泛Mooc职业教育，效果和就业为王</td>
                    <td>朱朝兵</td>
                    <td>2015-08-08</td>
                    <td>
                        <div class="dropdown" style="float: left">
                            <button class="btn btn-default" data-toggle="dropdown">操作<span
                                    class="caret"></span></button>
                            <ul class="dropdown-menu">
                                <li><a class="btn btn-primary" href="">修改</a></li>
                                <li><a class="btn btn-danger" href="">删除</a></li>
                            </ul>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td>泛Mooc职业教育，效果和就业为王</td>
                    <td>朱朝兵</td>
                    <td>2015-08-08</td>
                    <td>
                        <div class="dropdown" style="float: left">
                            <button class="btn btn-default" data-toggle="dropdown">操作<span
                                    class="caret"></span></button>
                            <ul class="dropdown-menu">
                                <li><a class="btn btn-primary" href="">修改</a></li>
                                <li><a class="btn btn-danger" href="">删除</a></li>
                            </ul>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td>泛Mooc职业教育，效果和就业为王</td>
                    <td>朱朝兵</td>
                    <td>2015-08-08</td>
                    <td>
                        <div class="dropdown" style="float: left">
                            <button class="btn btn-default" data-toggle="dropdown">操作<span
                                    class="caret"></span></button>
                            <ul class="dropdown-menu">
                                <li><a class="btn btn-primary" href="">修改</a></li>
                                <li><a class="btn btn-danger" href="">删除</a></li>
                            </ul>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td>泛Mooc职业教育，效果和就业为王</td>
                    <td>朱朝兵</td>
                    <td>2015-08-08</td>
                    <td>
                        <div class="dropdown" style="float: left">
                            <button class="btn btn-default" data-toggle="dropdown">操作<span
                                    class="caret"></span></button>
                            <ul class="dropdown-menu">
                                <li><a class="btn btn-primary" href="">修改</a></li>
                                <li><a class="btn btn-danger" href="">删除</a></li>
                            </ul>
                        </div>
                    </td>
                </tr>
                </tbody>
            </table>
            <!--分页-->
            <nav>
                <ul class="pagination pagination-sm" style="float: right">
                    <li><a href=""><span>上一页</span></a></li>
                    <li class="active"><a href="">1</a></li>
                    <li><a href="">2</a></li>
                    <li><a href="">3</a></li>
                    <li><a href="">4</a></li>
                    <li><a href="">5</a></li>
                    <li><a href="">6</a></li>
                    <li><a href=""><span>下一页</span></a></li>
                </ul>
            </nav>
            <!--版权-->
            <div style="text-align: center">
                <span>tfvjuuyk kgukgtgyumbdbshbtrrtbrtht</span>
            </div>
        </div>
        <div class="tab-pane active" id="profile" role="tabpanel">
            <form action="" class="form-inline col-sm-12">
                标题 <br>
                <input placeholder="请输入要添加的内容" size="100" type=""><br>
                文章内容 <br>
                <textarea placeholder="请输入文章正文部分" style="width: 700px;height: 300px">

                            </textarea><br>
                <input type="checkbox">全局置顶
                <div style="float: right"><input type="submit" value="发布文章"></div>
            </form>
            <div style="text-align: center">
                <span>©tfvjuuyk kgukgtgyumbdbshbtrrtbrtht</span>
            </div>
        </div>
    </div>
</div>